<% include("/common/header.html",
{active:'radio',title:'百味电台-舒缓你现在的心情!'}){} %>
<link rel="stylesheet" href="${cdn}/assets/css/player/style.css">
<link rel="stylesheet" href="${cdn}/assets/css/radio.css">

<div class="sec bnspic">
	<div class="big_pic">
		<ul>
			<%for(radio in specialList!){ if(radioLP.index == 1){%>
				<li class="on">
				<%} else{%>
			<li><%}%>
				<a href="#special-${radio.id!}" name="special-${radio.id!}"><img src="${radio.cover_pic_url}"
					title="${radio.title}" width="681" height="362" /> <span
					class="txt">${radio.introduce}</span> </a>
			</li>
			<%}%>
		</ul>
	</div>
	<!-- /big_pic -->
	<div class="small_pic clearfix">
		<ul>
			<%for(radio in specialList!){ if(radioLP.index == 1){%>
			<li class="on"><%} else{%>
			<li><%}%> <a href="javascript:void(0);"><img src="${radio.cover_small_url}"
					alt="${radio.title}" width="158" height="120" /></a>
			</li> <%}%>
		</ul>
	</div>
	<!-- /small_pic -->
</div>

<div id="radio-main">
	<%
		for(special in radioList!){%>
			<div id="special-${special.id!}" class="panel panel-info" name="special-${special.id!}">
				<div class="panel-heading">${special.title!}</div>
				<div class="panel-body">
					<section class="cards">
						<%for(radio in special.radioPage!){%>
							<div class="col-md-4 col-sm-6 col-lg-2">
								<div class="card">
									<div class="media-wrapper">
										<img src="${radio.cover_url!}" alt="">
									</div>
									<span class="caption">${radio.introduce!}</span>
									<a href="###" class="card-heading"><strong>${radio.song!}</strong></a>
									<div class="card-actions">
										<a href="###"><i class="icon-heart-empty"></i> <span class="like-count">${radio.like_count!0}</span></a> <span
											class="text-muted">&nbsp;&nbsp;${radio.date_zh!}</span>
									</div>
								</div>
							</div>
						<%}%>
					</section>
				</div>
			</div>
		<%}
	%>
</div>
<script>
	$(".small_pic li").mouseover(function(){
		$(this).siblings().removeClass("on");
		$(this).addClass("on");
		var preNumber=$(this).prevAll().size()+1;
		$(".big_pic li").removeClass("on");
		$(".big_pic li:nth-child("+preNumber+")").addClass("on");
	});
</script>
<script src='${cdn}/assets/js/jq/jquery.jplayer.min.js'></script>
<script src='${cdn}/assets/js/jq/jplayer.playlist.min.js'></script>
<script src='${cdn}/assets/js/jq/lyz.delayLoading.min.js'></script>
<% include("/common/footer.html", {jsList:['front/radio.js']}){} %>
